<!DOCTYPE html>
<html>
<head>
    

    <include file="Common/head"/>

    <style>
        .table-container{
            display: flex;
        }
            .table-item{
                width: 100%;;
            }
                .table-head{
                    display: flex;
                    justify-content: flex-start;
                    color: #424242;
                    height: 40px;
                    line-height: 40px;
                    border-bottom: 1px solid #aaa;
                    margin-bottom: 20px;
                }
                    .table-head>div:nth-child(1){
                        flex-grow:0;
                        width: 50px !important;
                        flex-shrink: 0;
                    }
                    .table-head>div:nth-child(2){
                        flex-grow: 0;
                        width: 90px !important;
                        flex-shrink: 0;
                    }
                    .table-head>div:nth-child(3){
                        flex-grow: 0;
                        width: 90px !important;
                        flex-shrink: 0;
                    }
                    .table-head>div:nth-child(4){
                        flex-grow: 1;
                        width: 1920px;
                        flex-shrink: 1;
                    }
                    .table-head>div:nth-child(5){
                        flex-grow: 0;
                        width: 240px !important;
                        flex-shrink: 0;
                    }
        .cate-container{
            display: flex;
            flex-direction: column;
        }
            .cate-item{
                display: flex;
                justify-content: flex-start;
                height: 36px;
                line-height: 36px;
                /*border-bottom: 1px solid #E7E7E7;*/
            }
            .cate-item:hover{
                background-color: #eee;
            }
                .cate-item .fold button{
                    outline: none;
                    height: 36px;
                    line-height: 30px;
                }
                .cate-item .order input{
                    width: 40px;
                    height: 26px;
                    text-align: center;;
                    border: 1px solid #eee;
                }
                .cate-item .name input{
                    width: 230px;;
                    height: 26px;
                    border: 1px solid #eee;
                }
                .cate-item>div{
                    /*flex-basis: 0;*/
                }
                .cate-item>div:nth-child(1){
                    flex-grow:0;
                    width: 50px !important;
                    flex-shrink: 0;
                }
                .cate-item>div:nth-child(2){
                    flex-grow: 0;
                    width: 90px !important;
                    flex-shrink: 0;
                }
                .cate-item>div:nth-child(3){
                    flex-grow: 0;
                    width: 90px !important;
                    flex-shrink: 0;
                }
                .cate-item>div:nth-child(4){
                    flex-grow: 1;
                    width: 1920px;
                    flex-shrink: 1;
                }
                .cate-item>div:nth-child(5){
                    flex-grow: 0;
                    width: 240px !important;
                    flex-shrink: 0;
                }
        .cate-container .tab-sign{
            display: inline-block;
            margin-left: 15px;
            height: 21px;
            vertical-align: middle;
            background-image: url("__IMG__/tab_sign3.png?{:rand()}");
            background-repeat: no-repeat;
        }
        .table-container>.table-item>.cate-container>.cate-item>div>.tab-sign{
            display: none;/*第一级不显示*/
        }
        
        .cate-container>.cate-container>.cate-item>.name>.tab-sign{
            height: 36px;
            width: 40px;
            background-position: 0 0;
        }
        .tab-sign.first{
            background-position: -55px 0 !important;
        }
        .tab-sign.clear{
            background: none;
        }
        .tab-sign.line{
            background-position: 0 -36px !important;
        }
        .tab-sign.tline{
            background-position: 0 0 !important;
        }
        
        
    </style>
</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    
    <!-- Panel Other -->
    <div class="ibox float-e-margins">
        <div class="ibox-title">
            <h5>问题类型管理</h5>
        </div>
        <div class="ibox-content">
            <div class="row row-lg">
                
                <div class="col-sm-12">
                    
                    <include file="Common/alert"/>
                    
                    <div class="clearfix" style="width:100%;">
                        <div class="bars pull-left"><div class="btn-group hidden-xs" id="exampleTableEventsToolbar" role="group">
                            <if condition="I('get.pid',0) neq 0">
                                <button type="button" class="btn btn-outline btn-default" onclick="window.history.go(-1);">
                                    <i class="glyphicon glyphicon-chevron-left" aria-hidden="true"></i>
                                </button>
                            </if>
                            <button type="button" class="btn btn-outline btn-default" href="{:U('Question/edit',['pid'=>I('get.pid',0)])}">
                                <i class="glyphicon glyphicon-plus" aria-hidden="true"></i>
                            </button>
                            <button type="button" class="btn btn-outline btn-default confirm" form="form" action="{:U('Question/delete')}">
                                <i class="glyphicon glyphicon-trash" aria-hidden="true"></i>
                            </button>
                        </div></div>
                        <div class="columns columns-right btn-group pull-right" style="margin-left: 5px;">
                            <button class="btn btn-default btn-outline" type="button" name="refresh" title="刷新" href="__SELF__"><i class="glyphicon glyphicon-repeat"></i></button>
                        </div>
                        <div class="pull-right search">
                            <input class="form-control input-outline" type="text" placeholder="搜索">
                        </div>
                    </div>
    
                    <!-- 表格列表 -->
                    <div class="table-container">
                        <div class="table-item category">
                            <div class="table-head" style="color: black;">
                                <div class="fold">折叠</div>
                                <div class="order">排序</div>
                                <div class="publish">发布</div>
                                <div class="name">名称</div>
                                <div class="opt">操作</div>
                            </div>
                            {:R('Question/tree', array($tree))}
                        </div>
                    </div>
                    <!-- /表格列表 -->
    
                    <ul class="pagination">
                        {$page}
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- End Panel Other -->
</div>
<include file="Common/footer"/>
<script src="__JS__/content.min.js?v=1.0.0"></script>
<script src="__JS__/zhengwu.js?v={:rand()}"></script>
</body>
</html>
